<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
	<title>01-issueCheck</title>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/bootstrap-4.2.1/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/admin/easyui/themes/material-teal/easyui.css">
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/admin/easyui/themes/icon.css">
  <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/admin/easyui/themes/color.css">
</head>
<body>
	<div class="container-fluid">
	  <br>
		<h3>寻物审核</h3>
		<hr>
		<!-- 展示记录 -->
		<div class="">
		  <table id="dg" style="width:100%;height:460px;"></table>
		</div>
    <!-- 添加,编辑,移除按钮 -->
    <div id="toolbar">
      <table>
        <tr>
          <td><a href="javascript:void(0)" class="easyui-linkbutton detailRecordCls" data-options="iconCls:'icon-edit',plain:true" onclick="detailRecord()">详情</a></td>
          <td><a href="javascript:void(0)" class="easyui-linkbutton issueRecordCls" data-options="iconCls:'icon-add',plain:true" onclick="issueRecord()">发布</a></td>
          <td><a href="javascript:void(0)" class="easyui-linkbutton removeRecordCls" data-options="iconCls:'icon-remove',plain:true" onclick="falseRecord()">虚假</a></td>
          <td>
				    <div class="searchHeader">
				      <form class="form-inline">
				        <label class="my-1 mr-2" for="forCategoryToPage">物品类别</label>
				        <!-- 物品类别展示 -->
				        <select class="custom-select my-1 mr-lg-5" id="forCategoryToPage"></select>
				      </form>
				    </div>
          </td>
        </tr>
      </table>
    </div>
	</div><!-- container-fluid -->

	<!-- Modal : showSearchLose -->
  <div class="modal fade" id="showSearchLose" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content" style="width:600px;">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">详情</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close" >
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <form action="#" id="showSearchLoseForm">
			      <div class="form-group row">
			        <label class="col-sm-1"></label>
			        <label for="forPhoto" class="col-sm-2 col-form-label text-center">照片</label>
			        <div class="col-sm-7">
			          <figure class="figure">
			            <img src="" class="figure-img img-fluid rounded mx-auto d-block" style="width:400px;height:200px;">
			          </figure>
			        </div>
			      </div>
			      <div class="form-group row">
			        <label class="col-sm-1"></label>
			        <label for="forShowApplicant" class="col-sm-2 col-form-label text-center">发布者 </label>
			        <div class="col-sm-7">
			          <input type="text" id="forShowApplicant" class="form-control" readonly>
			        </div>
			      </div>
			      <div class="form-group row">
			        <label class="col-sm-1"></label>
			        <label for="forShowTitle" class="col-sm-2 col-form-label text-center">标题 </label>
			        <div class="col-sm-7">
			          <input type="text" id="forShowTitle" class="form-control" readonly>
			        </div>
			      </div>
			      <div class="form-group row">
              <label class="col-sm-1"></label>
              <label for="forShowCategory" class="col-sm-2 col-form-label text-center">失物类别</label>
              <div class="col-sm-7">
                <input type="text" id="forShowCategory" class="form-control" readonly>
              </div>
            </div>
            <div class="form-group row">
              <label class="col-sm-1"></label>
              <label for="forShowIssueTime" class="col-sm-2 col-form-label text-center">发布时间</label>
              <div class="col-sm-7">
                <input type="text" id="forShowIssueTime" class="form-control" readonly>
              </div>
            </div>
			      <div class="form-group row">
			        <label class="col-sm-1"></label>
			        <label for="forShowPhone" class="col-sm-2 col-form-label text-center">联系电话</label>
			        <div class="col-sm-7">
			          <input type="text" id="forShowPhone" class="form-control" readonly>
			        </div>
			      </div>
			      <div class="form-group row">
			        <label class="col-sm-1"></label>
			        <label for="forShowDetail" class="col-sm-2 col-form-label text-center">细节</label>
			        <div class="col-sm-7">
			          <textarea id="forShowDetail" class="form-control" rows="4" readonly></textarea>
			        </div>
			      </div>
			    </form>
        </div><!-- modal-body -->
      </div><!-- modal-content -->
    </div><!-- modal-dialog -->
  </div><!-- modal fade -->
	
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/bootstrap-4.2.1/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/admin/js/categoryAjax.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.validate.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/js/messages_zh.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/admin/easyui/jquery.easyui.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath }/admin/easyui/locale/easyui-lang-zh_CN.js"></script>
  <!-- 上传图片，移除图片 -->
  <script type="text/javascript" src="${pageContext.request.contextPath }/admin/js/fileUpload.js"></script>
  <script>
    // 标为虚假欺诈
    function falseRecord(){
    	var row = $('#dg').datagrid('getSelected');
    	if (row) {
    		$.messager.confirm('Confirm', '确定标为虚假欺诈信息？', function (r) {
    			if (r) {
    				$.ajax({
    					url: '/LostAndFound/check?method=markedAsFlase',
    					type: 'post',
    					data: {aid: row.aid},
    					success: function (result) {
    						if (!result.success) {
    							$("#dg").datagrid("reload");
    						} else {
    							$.messager.show({
    								title:"Error",
    								msg:"设置错误！"
    							})
    						}
    					}
    				})
    			}
    		})
    	}
    } // end of falseRecord()
  
    // 审核通过，允许发布
    function issueRecord(){
      var row = $('#dg').datagrid('getSelected');
      if (row) {
    	  $.messager.confirm('Confirm','确定发布？',function (r) {
    		  if (r) {
    			  $.ajax({
    				  url: '/LostAndFound/check?method=confrimIssueCheckInfo',
    				  type: 'post',
    				  data: { aid: row.aid },
    				  success: function (result) {
    					  if (!result.success) {
    						  $("#dg").datagrid("reload");
    					  } else {
    			        $.messager.show({
    			          title:"Error",
    			          msg:"发布错误！"
    			        })
    					  }
    				  }
    			  })
    		  }
    	  })
      }
    } // end of issueRecord ()
  
    // 点击 详情 ，弹出详情层
    function detailRecord () {
    	var row = $('#dg').datagrid('getSelected');
    	if(row){
	      $(".detailRecordCls").attr( 'data-toggle','modal');
	      $(".detailRecordCls").attr('data-target','#showSearchLose');
    		$(".figure-img").attr("src","/LostAndFound/images"+row.image);
    		$("#forShowApplicant").val(row.username);
    		$("#forShowTitle").val(row.title);
    		$("#forShowCategory").val(row.cname);
    		$("#forShowIssueTime").val(row.issuetime);    		
    		$("#forShowPhone").val(row.phone);
    		$("#forShowDetail").val(row.detailinfo);
    	}
    }
    $(function(){
    	  // js创建table
    	  $("#dg").datagrid({
    		  url:"/LostAndFound/searchForLose?method=handleCheckLose",
    		  queryParams:{
    			  cid:$("#forCategoryToPage option:selected").val()
    		  },
    		  columns:[[
    			  {field:'title',title:'标题',width:100},
    			  {field:'username',title:'发布者',width:100},
    			  {field:'cname',title:'物品类型',width:100},
    			  {field:'phone',title:'联系电话',width:100},
    			  {field:'issuetime',title:'发布时间',width:100},
    		  ]],
    		  rownumbers:true,
    		  pagination:true,
    		  singleSelect:true,
    	    method:'post',
    	    fitColumns:true,
    	    toolbar:'#toolbar',
    	    striped:true
    	  });
    	  
    	  // 给select添加点击事件，当option分类变化时，datagrid重新加载
    	  $("#forCategoryToPage").on("change",function(){
    		  $("#dg").datagrid("load",{
    			  cid:$("#forCategoryToPage option:selected").val()
    		  });
    	  });
    	  
    	});// end of $(function{})
  </script>
</body>
</html>